<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/51cs.css"/>
		<meta charset="utf-8">
		<title>我要自学网</title>
	</head>
	<body>
		<header>
			<!-- 页头搜索开始 -->
			<div class="box h-top">
				<div>
					<a class="logo fl" href="#"><img src="img/logo.png" width="100%" height="100%"></a>
					<form action="" method="post">
						<input type="text" class="search fl" placeholder="课程太多,搜一搜"/>
						<button type="button" class="btn fl">搜索</button>
				</div>
				<div class="user fr">
					<a href="">帮助中心</a>
					<a href="">登陆/注册</a>
				</div>
			</div>
			<!-- 页头搜索结束 -->
			<!-- 导航栏开始 -->
			<nav class="dhl box">
				<div class="dhl-l fl">
					<a class="l" href="#">电脑办公</a>
					<a class="l" href="#">平面设计</a>
					<a class="l" href="#">室内设计</a>
					<a class="l" href="#">室外设计</a>
					<a class="l" href="#">影视动画</a>
					<a class="l" href="#">机械设计</a>
					<a class="l" href="#">工业自动</a>
					<a class="l" href="#">程序设计</a>
					<a class="l" href="#">网页设计</a>
					<a class="l" href="#">会计课程</a>
				</div>
				<div class="dhl-r fr">
					<a class="r" href="#">首页<span></span></a>
					<a class="r" href="#">商城<span></span></a>
					<a class="r" href="#">论坛<span></span></a>
				</div>
				<div class="wl">
					
				</div>
			</nav>
			<!-- 导航栏结束 -->
			<!-- 幻灯片开始 -->
			<div class="hdp">
				<div>
				<div  class="ggk">
				</div>
				<div class="gg">
					<ul>
						<li style="list-style: none;"><a href=""><span id="gg">本站公告</span></a></li>
						<li><a href="">【双节快乐】庆祝2020年中秋国庆佳节到来！</a></li>
						<li><a href="">新版页面更新说明，欢迎测试使用</a></li>
					</ul>
				</div>
				</div>
			<div class="hdp-cont">
				<div class="h-img clearfix">
				<a class="fl"  href="#"><img src="img/202007250214241206.jpg" ></a>
				<a class="fl"  href="#"><img src="img/202008130949097494.jpg" ></a>
				<a class="fl"  href="#"><img src="img/202008081118235694.jpg" ></a>
				<a class="fl"  href="#"><img src="img/202007250214241206.jpg" ></a>
				</div>
			</div>
			
			</div>
			<!-- 幻灯片结束 -->
			<!-- 导航区块开始 -->
			<div class="dhk">
				<div class="cont">
					<a class="a1 fl" href="#"><span>远程培训班</span></a>
					<a class="a2 fl" href="#"><span>【与您同行】<br>校园活动</span></a>
					<a class="a3 fl" href="#"><span>学习规划</span></a>
					<a class="a4 fl" href="#"><span>应聘讲师</span></a>
					<a class="a5 fl" href="#"><span>问答系统</span></a>
				</div>
			</div>
			<!-- 导航区块结束 -->
		</header>
		<content>
			<div id="big-box">
				<div class="zxkcbt"><h1>最新课程</h1></div>
				<!-- 最新课程区块开始 -->
				<div class="zxkc-box">
					<a class="tu" href="">
						<img src="img/673.jpg" >
						<p>西门子视频教程</p>
					</a>
					<a class="tu" href="">
						<img src="img/496.jpg" >
						<p>建筑效果图【全模渲染】教程</p>
					</a>
					<a class="tu" href="">
						<img src="img/548.jpg" >
						<p>程序设计入门教程</p>
					</a>
					<a class="tu" href="">
						<img src="img/626.jpg" >
						<p>电脑打字完全教程</p>
					</a>
					<a class="tu" href="">
						<img src="img/558.jpg" >
						<p>会计电算化教程</p>
					</a>
					<a class="tu" href="">
						<img src="img/673.jpg" >
						<p>PLC视频教程</p>
					</a>
					<a class="tu" href="">
						<img src="img/804.jpg" >
						<p>Javascript基础视频教程</p>
					</a>
					<a class="tu" href="">
						<img src="img/658.jpg" >
						<p>CAD2018视频教程</p>
					</a>
			
				</div>
			</div>
			<!-- 最新课程区块结束 -->
			
		</content>
		
	</body>
</html>
